<template>
  <div class="app">
    <div class="navbar">
      <van-nav-bar
        fixed
        placeholder
        safe-area-inset-top
        title="面对面邀请"
        left-arrow
        @click-left="back"
      />
    </div>
    <img src="../../assets/erwei.png" alt="" width="100%" />
    <button class="btn" @click="goRule">活动规则</button>
    <img class="img" src="@/assets/button1.png" alt="" />
  </div>
</template>

<script>
export default {
  methods: {
    back() {
      this.$router.go(-1);
    },
    goRule(){
      this.$router.push("/ruletwo");
    },
  },
};
</script>

<style lang="less" scoped>
.app{
  position: relative;
}
.btn{
  background-image: linear-gradient(#fcc40edc ,#fdc731);
  border: 0;
  font-size: 15px;
  color: rgb(255, 0, 0);
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 150px;
  width: 25%;
  padding: 5px;
  border-radius: 25px;
  box-shadow: 2px 2px 2px #ee5040;
}
.img {
  width: 88%;
  position: absolute;
  bottom: 25px;
  left: 5%;
}
</style>